<template>
  <div class="product-module-title flex-between" :id="id">
    <h1>{{ title }}</h1>
    <slot name="more"></slot>
  </div>
</template>
<script setup>
const props = defineProps({
  id: {
    type: String,
    default: ''
  },
  title: {
    type: String,
    default: ''
  }
})
</script>
<style scoped>
.product-module-title h1 {
  font-weight: 700;
  font-size: 16px;
  color: var(--color-grey);
  margin: 24px 0px;
}
</style>